<!DOCTYPE html>
<html>

<head lang="zh-CN">
    <meta charset="utf-8">
    <title>菜</title>
    <style>
        .hz {
            display: inline-block;
            border: 2px solid yellow;
            background-color: skyblue;
        }
        
        .hz img {
            vertical-align: middle;
            /* 对齐方式有middle(居中对齐)baseline(基线对齐,字母部分漏出来一点小尾巴,默认值) bottom(底部对齐) top 等对齐方式 */
        }
        
        .textarea textarea {
            resize: none;
            font-weight: 100;
            vertical-align: middle;
        }
    </style>
</head>

<body>
    <div class="hz">
        <img src="../media_resourcing/Microsoft.jpg" alt="Microsoft"> 巨硬大法好 abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
    </div>
    <div class="textarea">
        <textarea name="嘤嘤嘤" id="" cols="30" rows="10">文本域输入框</textarea>文本域对齐
    </div>

</body>

</html>